<section class="immediatelyorder">
  <h2>填写并核对订单信息</h2>
  <!-- 个人信息盒子 -->
  <div class="msg-box">
    <el-row>
      <el-col :span="2">
        <b>收货人信息</b>
      </el-col>
      <el-col :span="1">&nbsp;</el-col>
      <el-col :span="10">
        <el-radio v-model="radio" label="1" class="marginright">陈震</el-radio>
        <span>河北省承德市平泉县</span>
        <span class="span-margin">道恩集团有限公司</span>
        <span>176****1074</span>
      </el-col>
      <el-col :span="2">&nbsp;</el-col>
      <el-col :span="7">
        <a href="#">修改收货信息</a>
        <a href="#" class="margin50">切换地址</a>
        <a href="#">新增收货地址</a>
      </el-col>
    </el-row>
  </div>
  <!-- 发货方式 -->
  <div class="send-way">
    <div class="money-way">
      <h3>支付方式</h3>
      <ul>
        <li>
          <span class="active">款到发货
            <img src="../../assets/ziyingshangcheng/yes.png" alt="">
          </span>
        </li>
        <li>
          <span>货到付款</span>
        </li>
        <li>
          <span>分期付款</span>
        </li>
      </ul>
    </div>
    <div class="money-way">
      <h3>配送方式</h3>
      <ul>
        <li>
          <span class="active">款到发货
            <img src="../../assets/ziyingshangcheng/yes.png" alt="">
          </span>
        </li>
        <li>
          <span>货到付款</span>
        </li>
        <li>
          <span>分期付款</span>
        </li>
      </ul>
    </div>
    <div class="money-way">
      <h3>运费结算方式</h3>
      <ul>
        <li>
          <span class="active">款到发货
            <img src="../../assets/ziyingshangcheng/yes.png" alt="">
          </span>
        </li>
        <li>
          <span>货到付款</span>
        </li>
        <li>
          <span>分期付款</span>
        </li>
      </ul>
    </div>
  </div>
  <!-- 产品清单 -->
  <div class="goods-list">
    <span>产品清单</span>
  </div>
  <!-- table -->
  <div class="goods-table">

  </div>
  <!-- 开发票 -->
  <div class="invoice">
    <el-row>
      <el-col :span="7">
        <div class="invoice-left">
          <span>订单备注</span>
          <input type="text" name="" value="POS机刷卡">
        </div>
      </el-col>
      <el-col :span="8">
        <dl class="key-pick">
          <dt>开票信息</dt>
          <dd>开票公司名称：青岛金星塑料制品厂</dd>
          <dd>纳税人识别号：10000231252</dd>
        </dl>
      </el-col>
      <el-col :span="9">
        <ul class="how-money">
          <li>
            <span>1700.00</span>产品总金额（不含税）</li>
          <li>
            <span>0.00</span>运费（订单审核后确认运费）</li>
          <li>
            <span>-500.00</span>代金卷</li>
          <li>
            <span>-500.00</span>优惠金额</li>
          <li class="active-b">
            <span>￥710.00</span>应付总额</li>
        </ul>
      </el-col>
    </el-row>
  </div>
  <!-- 优惠活动 -->
  <div class="youhui">
    <el-row>
      <el-col :span="12">&nbsp;</el-col>
      <el-col :span="12">
        <span>代金卷（可用1000元）</span>
        <input type="text" name="" value="500">
        <b>元</b>
        <span class="margin20">优惠活动（4个）</span>
        <button type="">选择优惠活动</button>
      </el-col>
    </el-row>
  </div>
  <!-- 提交按钮 -->
  <div class="form-btn">
    <router-link to="ordersuccess" tag="button">提交订单</router-link>
  </div>
</section>
